<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="CSS/myMenuCss.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#slideshow {
	padding: 0px;
	float: center;
	height: 200px;
	width: 288px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 100px;
}
#slideshow img {
	background-color: #CCC;
	padding:10px;
	border: thick solid #FFC;
	border-radius: 20px 20px 20px 20px;
}
</style>
<script src="MyJQuery/JQuery.js"></script>
<script src="MyJQuery/JQueryCycle.js"></script>
<script src="MyJQuery/jQueryEasing_v1.3.js"></script>
<script>
$(document).ready(function() {
    $('#slideshow').cycle({ 
    fx:     'shuffle', 
    easing: 'easeOutBack',
	pause:1, 
    delay:  -4000 
	})
});
</script>

<title>Travel Around</title>
</head>

<body>

<div id="menu">
<div id="TitleBackground">Travel Dream</div>

<ul>
   <li><a href = "MyWebPage.html">Home</a>
   <ul>
   <li><a href = "AboutTheSite.html">About The Site</a></li>
   </ul>
   </li>
  </ul>

<ul>
   <li><a href = "Countries.html">Countries</a>
   <ul>
   <li><a href = "CountriesCoVe.html">Colombia & Venezuela</a></li>
   <li><a href = "CountriesPeCR.html">Peru & Costa Rica</a></li>
   <li><a href = "CountriesAuTN.html">Aruba & Netherlands</a></li>
   </ul>
   </li>
  </ul>
   
<ul>   
   <li><a href = "AsiaSide.html">My Wish List</a>
   <ul>
   <li><a href = "AsiaCountries.html">Asia Side</a></li>
   </ul>
   </li>
  </ul>

<ul>
   <li><a href = "Gallery.html">Gallery</a></li>
  </ul>

<h1 class="center"><img src="Pictures/Flags&Names/rose-welcome.jpg" width="200" height="100" align="center" /></h1>
<p class="center">Hey guys, check out some information about the countries I have been and some tips about where and what to do in these countries. I hope you enjoy learning about these countries, and if someday you decide to visit one of these countries it is good to have some knowledge about their people, culture etc. </p>
<hr/>

<div id="slideshow">
<img src="MyJQuery/carousel/images-images/Packing-a-Business-Trip-Suitcase.jpg" width="400" height="213"/>
<img src="MyJQuery/carousel/images-images/suitcase.jpg" width="400" height="213"/>
<img src="MyJQuery/carousel/images-images/suitcase-2.jpg" width="400" height="213"/>
</div>


</div>
</body>
</html>
